<template>
	<view>
		<view class="u-page">
			<!-- 所有内容的容器 -->
		</view>
		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
		<u-tabbar v-model="current" :value="currentTab" :list="list" active-color="#E62131"></u-tabbar>
	</view>
</template>

<script>
	export default {
		props: {
			currentTab: {
				type: String,
				default: 'home'
			}
		},
		data() {
			return {
				list: [{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: '首页',
						isDot: false,
						customIcon: false,
						pagePath: "/pages/index/indexlist",
						name:'home'
					},
					{
						iconPath: "calendar",
						selectedIconPath: "calendar-fill",
						text: '消息',
						customIcon: false,
						pagePath: "/pages/message/messageList",
						name:'message'
					},
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						isDot: false,
						customIcon: false,
						pagePath: "/pages/me/index",
						name:'me'
					},
				],
				current: 0
			}
		},
		onLoad() {
			console.log(this.currentTab)
		}
	}
</script>